


h2								{ font-family: Georgia, Serif; font-size: 36px; text-align: center; 
								  font-weight: normal; }

#page-wrap						{ width: 960px; margin: 0 auto; }

#slider							{ background: url(../images/slider-bg.png); height: 300px; overflow: hidden;
								  position: relative; margin:0; }
								  
                                /* DEFAULT is for three panels in width, adjust as needed
                                   This only matters if JS is OFF, otherwise JS sets this. */								  
#mover							{ width: 2880px; position: relative; }

.slide							{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1						{ font-family: Helvetica, Sans-Serif; font-size: 30px; letter-spacing: -1px;
								  color: rgb(120,20,20); }
.slide p						{ color: #999; font-size: 12px; line-height: 22px; width: 300px; }
.slide img						{ position: absolute; top: 20px; left: 400px; }

#slider-stopper					 
{
    position: absolute; 
    right: 20px; 
    background: #6B6B6B; 
    color: #C9C9C9;
    padding: 3px 8px; 
    font-size: 10px; 
    text-transform: uppercase;
     z-index: 1000;
     -moz-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
     -moz-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#slider-logo				 
{
    position: absolute; 
    left: 30px; 
    height:100px;
    width:300px;
    background-repeat:no-repeat;
    bottom:0px;
    background-image:url(../images/logo.png); 
     z-index: 1000;
     color:White;
}